//  1.实现跳转 —————————————————————————————————————————————    
$('#goto-register').on('click',()=>{
    $('#register').show()
})
$('#goto-login').on('click',()=>{
    $('#register').hide()
})
//2.如果没有账号,去注册—————————————————————————————————————
// const baseUrl='http://api-breakingnews-web.itheima.net'
$('#register .layui-form').on('submit',e =>{
    e.preventDefault()
    const data =$('#register .layui-form').serialize()
    // console.log(data);
    // axios.post(`${baseUrl}/api/reguser`,data).then(res=>{
    //     // console.log(res);
    //     if(res.status === 0){
    //         layer.msg('注册成功');
    //         $('#register').hide()
    //         location.href ='/login.html'
    //     }else {
    //         layer.msg(res.data.message);
    //     }
    // })
    loginMethod(data,(res)=>{
        if(res.status === 0){
            layer.msg('注册成功');
            $('#register').hide()
            location.href ='/login.html'
        }else {
            layer.msg(res.data.message);
        }
    })
})


//3.登录跳转———————————————————————————————
$('#login .layui-form').on('submit',e =>{
    e.preventDefault()
    const data =$('#login .layui-form').serialize()
    // console.log(data);
    // axios.post(`${baseUrl}/api/login`,data).then(res=>{
    //     // console.log(res);
    //     if(res.data.status === 0){
    //         localStorage.setItem('token',res.data.token)
    //         location.href ='/index.html'
    //     }else {
    //         layer.msg('用户名或密码错误');
    //     }
    // })
    loginMethod(data,res=>{
        if(res.data.status === 0){
            localStorage.setItem('token',res.data.token)
            location.href ='/index.html'
        }else {
            layer.msg('用户名或密码错误');
        }
    })
})



//验证———————————————————————————————
// const form = layui.form; // 引用layui.js后, 有layui对象(类似于$), 然后拿到内部的form对象(用来管理所有用layui创建的表单-以及使用了lay-veify属性的标签)

// form.verify({ // 指定规则名和对应的验证规则
//     username: [ // 用户名
//         /^[a-z0-9]{6,10}$/,
//         '账号名是6到10位由数字, 小写字母组成'
//     ],
//     password: [ // 密码
//         /^[\S]{6,10}$/,
//         '密码是6到10位, 不能有空格'
//     ],
//     // 注册页-确认密码
//     repwd: function (value) { // 为什么用函数, 因为不光要获取这个规则对应的标签的值, 还需要用jQ获取另外一个标签的值
//         return ($(".pwd").val() !== value) && '两次密码不相同'
//     },
// })